
:host {

  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  max-height: 100vh;
  max-width: 100vw;
  heigth: 100%;
  width: 100%;
}

.container-padding {

  padding: 8px;
}

.scrollable {

  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* workaround for flex tab content */
mat-tab-group ::ng-deep .mat-tab-body-wrapper {

  height: 100%;
  flex: 1 1 auto;
}

mat-tab-group ::ng-deep .mat-tab-body-wrapper .mat-tab-body-content {

  display: flex;
  height: 100%;
  flex: 1 1 auto;
}
